<!-- HTML的注释(快捷键 ctrl + /),用来说明代码的含义 -->
<!-- 
    文档头,用来说明html版本,写在页面最顶部
    html4: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
                              "http://www.w3.org/TR/html4/loose.dtd">  
    html5: <!DOCTYPE html>
-->
<!DOCTYPE html>
<!-- 
    html的根标记,任何一个页面有且只有一对根标记,页面所有内容都是包含在html标签中
    标签中还可以用属性,这里的lang就是html标签的属性,标签属性可以由一到多个,每个属性又有自己的值

    lang表示页面的显示语言,注意,无论写en还是zh-CN都可以显示任何语言,所以有的网站省略不写
-->
<html lang="zh-CN">
  <!-- 页面头部,用来书写页面参数信息,例如页面的字符集,作者,描述,关键字...,这些信息是不直接显示在页面上的 -->
  <head>
    <!-- meta是单标记,以/结尾,可以省略,但是推荐写全 -->
    <!-- 设置页面字符集,UTF-8就是中文标准字符集 -->
    <meta charset="UTF-8" />
    <!-- 视口配置,移动端页面需要书写 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!-- 
        页面标题文字,显示在浏览器标签栏上
        标题logo的显示:
        制作一个16X16,24X24,36X36,48X48类似的ico图片,重命名为favicon.ico,把图标放入到项目的根目录下即可
    -->
    <title>上元教育</title>
  </head>
  <!-- 页面体部,用来书写页面呈现的所有内容 -->
  <body>
    这是我的第一个页面
  </body>
</html>
